// 头部导航栏的样式
.el-aside {
    background-color: transparent !important;
    // background-image: url("../echartsimg/bg01.png") !important;
}

.el-menu.el-menu--horizontal {
    background-image: linear-gradient(-180deg,
            rgba(32, 34, 41, 0.8) 5%,
            rgba(28, 35, 42, 0.6) 98%);
    // background-color: transparent !important;
    // background-image: url("../echartsimg/bg01.png") !important;
}

.el-menu-demo {
    background-color: transparent !important;
    // background-image: url("../echartsimg/bg01.png") !important;

    .el-menu-item {
        background-color: transparent !important;
    }
}

.el-menu.el-menu--horizontal {
    border: none !important;
}

.logo2 {
    padding-right: 50px !important;
}



// 表格滚动条样式处理
.el-table__body-wrapper,
.el-table__footer-wrapper,
.el-table__header-wrapper .el-table__body-wrapper {
    width: 100%;

    &::-webkit-scrollbar {
        width: 6px;
        background-color: #797979;
        border-radius: 10px;
    }

    /* 滚动槽 */
    &::-webkit-scrollbar-track {
        border-radius: 10px;
    }

    /* 滚动条滑块 */
    &::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #2ae8ed;
    }
}


/* 表格样式*/
.el-table {
    background-image: linear-gradient(-180deg, rgba(32, 34, 41, 0.8) 5%, rgba(28, 35, 42, 0.6) 98%);
}

.el-table__header th,
.el-table__header tr {
    background: transparent;
    color: #2ae8ed !important;
}

.el-table--enable-row-hover .el-table__body tr:hover>td {
    background: transparent !important;
}

.el-table th,
.el-table tr {
    background-color: transparent !important;
}

.el-table th,
.el-table tr,
.el-table td {
    background-color: transparent !important;
}

.el-table__body th:hover,
.el-table__body tr:hover {
    background: rgba(28, 35, 42, 0.8) !important;
}

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td,
.el-table__body tr.current-row>td,
.el-table__body tr.hover-row.current-row>td,
.el-table__body tr.hover-row.el-table__row--striped.current-row>td,
.el-table__body tr.hover-row.el-table__row--striped>td,
.el-table__body tr.hover-row>td {
    color: #4A95F6;
    background-color: darkgray !important;
}

.el-table {
    background-color: transparent !important;
}

.el-table__row {
    .cell {
        color: #fff !important;
    }
}

